
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf8"/>
<meta id="viewport" name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1; user-scalable=no;" />
<title>支付确认页面</title>
<style type="text/css">
/* 重置 [[*/
*{ font-family:"Microsoft YaHei"; }
body,p,ul,li,h1,h2,form,input{margin:0;padding:0;}
h1,h2{font-size:100%;}
ul{list-style:none;}
body{ -webkit-user-select:none;-webkit-text-size-adjust:none;font-family:Helvetica;background:#ECECEC; }
html,body{height:100%;}
a,button,input,img{ -webkit-touch-callout:none;outline:none; }
a{text-decoration:none;}
/* 重置 ]]*/
/* 功能 [[*/
.hide{display:none!important;}
.cf{ margin-top:10px;}
.cf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/* 功能 ]]*/
/* 按钮 [[*/
a[class*="btn"]{display:block;height:42px;line-height:42px;color:#FFFFFF;text-align:center;border-radius:5px;}
.btn-blue{background:#3D87C3;border:1px solid #1C5E93;}
.btn-green{background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #43C750), color-stop(1, #31AB40));border:1px solid #2E993C;box-shadow:0 1px 0 0 #69D273 inset;}
/* 按钮 [[*/
/* 充值页 [[*/
.charge{font-family:Helvetica;padding-bottom:10px;-webkit-user-select:none;}
.charge h1{height:44px;line-height:44px;color:#FFFFFF;background:#3D87C3;text-align:center;font-size:20px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.charge h2{font-size:14px;color:#777777;margin:5px 0;text-align:center;}
.charge .content{padding:10px 12px;}
.charge .select li{position:relative;display:block;float:left;width:100%;margin-right:2%; font-size:14px;padding:20px 10px 10px 10px; line-height:220%;text-align:left;border:1px solid #BBBBBB;color:#666666;margin-bottom:5px;border-radius:3px;background-color:#FFFFFF;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;}
.charge .price{border-bottom:1px dashed #C9C9C9;padding:10px 10px 15px;margin-bottom:20px;color:#666666;font-size:12px;}
.charge .price strong{font-weight:normal;color:#EE6209;font-size:26px;font-family:Helvetica;}
.charge .showaddr{border:1px dashed #C9C9C9;padding:10px 10px 15px;margin-bottom:20px;color:#666666;font-size:12px;text-align:center;}
.charge .showaddr strong{font-weight:normal;color:#9900FF;font-size:26px;font-family:Helvetica;}
.charge .copy-right{margin:5px 0; font-size:12px;color:#848484;text-align:center;}
/* 充值页 ]]*/
.order_info{ padding:7px 15px; border:1px solid #ccc; background:#fff; font-size:14px; color:#333; position:absolute; z-index:999; margin:-17px 0px 0px 10px;}
.ther_cf{ margin-top:20px;}
.select span{ color:#333; font-weight:bold; width:60px; display:block; float:left; text-align:right; }
.goods_list{ width:100%; margin:0px auto; }
.goods_list dl { width:100%; border-bottom:1px dashed #ccc; float:left; padding-bottom:10px;}
.goods_list dl dd{ padding-left:10px; word-break: break-all; word-wrap:break-word;-webkit-box-flex: 1; overflow:hidden;line-height:160%; min-height:82px;}
.goods_list dl dt{ width:80px; height:80px; border:1px solid #ccc; float:left}
.goods_list dl dt img { width:80px;  height:80px;}
.good_margin_top{margin-top:0px;}
.goods_list dl dd p { height:42px; font-size:13px; font-weight:bold; overflow:hidden}
.goods_list dl dd span{ font-weight:100; font-size:13px;padding-top:0px; width:100%; display:block;}
radio {display: inline-block;}
.select label{ width:100%; display:block;line-height:34px;}
.select b{ font-weight:100;  color:#666}
</style>
</head>
<body>
<form id="myFrom" action="/api.php" method="get">
	<input type="hidden" value="Api" name="m" />
	<input type="hidden" value="Pay" name="c" />
	<input type="hidden" value="Index" name="a" />
	<foreach name="info.request_url" item="vo" key="key">
	<input type="hidden" value="{$vo}" name="{$key}" />
	</foreach>
	<article class="charge">
		<h1>确认支付订单</h1>
		<section class="content">	
			<ul class="select cf ther_cf">
				<div class="order_info">订单详情</div>
				<li>
					<span>订单编号</span>：{$info.ref}<br>
					<span>买家</span>：{$info.buyer}<br>
					<span>卖家</span>：{$info.seller}<br>
					<span>下单时间</span>：{$info.date_order}
				</li>
			</ul>
			<ul class="select cf ther_cf">
				<div class="order_info">购买商品</div>
				<li>
					<div class="goods_list">
						<volist name="info.order_line" id="vo">
						<dl>
							<dt><img src="{$vo.thumb}" /></dt>
							<dd>
								<p>{$vo.name}</p>
								<span><b style="float:left"><br>数量：{$vo.num}</b><neq name="vo.tax_fee" value="0"><b style="float:right; text-align:right;">含税:{$vo.tax_fee}&nbsp;&nbsp;</neq><br>总价：{$vo.sub_total}&nbsp;&nbsp;</b> </span>
							</dd>
						</dl>
						</volist>
						<dl style="border:none; text-align:right; margin:0px; padding:0px; font-weight:bold;color:#EE6209">
							商品总价：{$info.product_total}<neq name="info.product_total_fee" value="0">(含税{$info.product_total_fee})</neq>
						</dl>
					</div>
				</li>
			</ul>
			<ul class="select cf ther_cf">
				<div class="order_info">收货人地址</div>
				<li>
					<span>收货人</span>：{$info.buyer_name}<br>
					<span>收货电话</span>：{$info.mobile}<br>
					<span>收货地址</span>：{$info.address}<br>
					<span>证件类型</span>：
						<switch name="info.buyer_id_type">
							<case value="1">身份证</case>
						</switch>
						<br>
					<span>身份证</span>：{$info.buyer_id_card}<br>
				</li>
			</ul>
			<ul class="select cf ther_cf">
				<div class="order_info">支付方式</div>
				<li>
					<eq name="agent_type" value="weixin">
					<label><input type="radio" name="pay_type" value="weixin" checked/> 微信支付</label>
					<else />
					<label><input type="radio" name="pay_type" value="alipay" checked/> 支付宝支付</label>
					</eq>
				</li>
			</ul>
			<p class="copy-right">亲，请核对支付订单信息，以免上当受骗</p>
			<div class="price" style="line-height:220%;">订单金额：<strong>￥{$info['amount_total'] - $info['delivery_fee']}元</strong><br><php> if( $info['delivery_fee'] > 0 || $info['delivery_fee'] > 0) { </php>含<neq name="info.delivery_fee" value="0">优惠：￥{$info.delivery_fee}元 / </neq><neq name="info.total_import_taxes" value="0">税：￥{$info.total_import_taxes}元</neq><php> } </php></div>
			<div class="operation"><a class="btn-green" href="javascript:document.getElementById('myFrom').submit();">立即支付</a></div>
		</section>
	</article>
</form>
</body>
</html>